@import url('../../../assets/config.less');
@import url('../../../assets/style.less');
.areaDialogue{
  // flex-direction:column;
  height:100%;
  @headH:72;@footH:56;
  .absHead{
    position: absolute;
    left:0;right:0;top:0;
    height:unit(@headH,px);
    // background-color: red;
    z-index:5;
  }
  .absBody{
    position: absolute;
    // height:100%;
    top:unit(@headH,px);
    bottom:unit(@footH,px);
    left:0;right:0;
    margin:auto;
    // background-color:green;
  }
  .absFoot{
    position: absolute;
    left:0;right:0;bottom:0;
    height:unit(@footH,px);
    // background-color: blue;
    z-index:5;
  }
  .targetInfo,.targetArray,.dialogBox,.targetApp,.tools,.richtxt,.sendOut{
    border-top: @defBorder;
  }
  .targetInfo{
    height:unit(@headH,px);
    padding:0 unit((@defPadding/2),px);
    .btnBack{
      width:unit((@defPadding),px);
    }
  }
  .targetArray{
    // flex:1 1 52px;
    line-height:24px;
    padding:unit((@defPadding/4),px) unit((@defPadding/2),px);
  }
  .dialogBox{
    // flex:1 1 70%;
    // height:380px;
    overflow: hidden;
    background-color:rgb(250,250,250);
  }
  .messageArea{
    position: absolute;
    top:0;left:0;right:0;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .targetApp{
    // flex:0 0 44px;
    width:100%;height:44px;
    padding:0 16px;
    .icon{
      width:24px;height:24px;
    }
  }
  .tools{
    @h:44px;
    // flex:0 0 @h;
    width:100%;height:44px;
    line-height:@h;
    padding:0 16px;
  }
  
  .richtxt{
    position: absolute;
    left:0;right:0;bottom:0;
    overflow: auto;
  }
  .sendOut{
    // flex:0 0 72px;
    height:100%;
    padding:0 unit((@defPadding/2),px);
    border-bottom: @defBorder;
  }
}